<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/index.css">
</head>

<body>


  <!-- 顶部盒子 -->
  <div class="topNav">
    <div class="w">
      <ul>
        <li><a href="#">手机微金所</a></li>
        <li><a href="#">4006-89-4006（服务时间：9:00~21:00）</a></li>
        <li><a href="#">常见问题 财富登录</a></li>
        <li>
          <a href="#">免费注册</a>
          <a href="#">登录</a>
        </li>
      </ul>
    </div>
  </div>

  <!-- 主体导航 -->
  <div class="main_nav">
    <div class="w">
      <a href="#"><img src="./images/logo.png" alt=""></a>
      <ul>
        <li><a href="#">我要投资</a></li>
        <li><a href="#">我要借款</a></li>
        <li><a href="#">平台介绍</a></li>
        <li><a href="#">新手专区</a></li>
        <li><a href="#">最新动态</a></li>
        <li><a href="#">微论坛</a></li>
        <li><a href="#">个人中心</a></li>
      </ul>
    </div>
  </div>

  <!-- 广告区域 -->
  <div class="banner">
    <a href="#">
      <img src="./images/banner_5.gif" alt="">
    </a>
  </div>

  <!-- 列表区域 -->
  <div class="list_box  clearfix">
    <div class="w">
      <dl>
        <dt>投资门槛低，收益高</dt>
        <dd>100元起投</dd>
        <dd>最高年化收益率可达15%</dd>
      </dl>
      <dl>
        <dt>投资期限, 方式灵活</dt>
        <dd>1~36个月多种期限随心选择</dd>
        <dd>按月付息、等额本息、利随本清等多种还款方式%</dd>
      </dl>
      <dl>
        <dt>安全保障, 风险可控</dt>
        <dd>八层安全保障机制</dd>
        <dd>风险拨备金</dd>
        <dd>银联支付对接</dd>
      </dl>
    </div>
  </div>

  <!-- 文字区域 -->
  <div class="text_news">
    <div class="w">
      <p>
        新标预告:金房宝-房抵项目四十八期，90万，3个月， 10.2%+1%，月付息到期还本，四星 距上线：3分</p>
      <p>
        现在有395人在排队，累计预约交易成功6918次。 <span>什么是预约投标？</span> <a href="#">立即预约</a>
      </p>
    </div>
  </div>

  <!-- 底部区域 -->
  <div class="footer  clearfix">
    <div class="w">
      <div class="top_footer">
        <ul>
          <li><a href="#">特别推荐</a></li>
          <li><a href="#">微融资</a></li>
          <li><a href="#">微小宝</a></li>
          <li><a href="#">微消费</a></li>
          <li><a href="#">微增利</a></li>
          <li><a href="#">微金宝</a></li>
          <li><a href="#">微转让</a></li>
        </ul>
      </div>

      <div class="middle_footer">
        是由信贷机构保障的企业借款需求
      </div>


      <div class="bottom_footer clearfix">

        <div class="item">
          <div class="left_item">
            <p>微收益-本事宝八期</p>
            <p class="clearfix">
              <span class="left">筹集金额(元)</span> 
              <span class="right">信用等级</span>
            </p>
              <p class="clearfix">
              <span class="left">70万</span> 
              <span class="right">9个月</span>
            </p>
              <p class="clearfix">
              <span class="left">借款期限</span> 
              <span class="right">投资进度</span>
            </p>
            <p>9 个月</p>
          </div>
         
          <div class="right_item">
            <p>10.5% </p>
            <p>年利率</p>
          </div>
        </div>
        <div class="item">
          <div class="left_item">
            <p>微收益-本事宝八期</p>
            <p class="clearfix">
              <span class="left">筹集金额(元)</span> 
              <span class="right">信用等级</span>
            </p>
              <p class="clearfix">
              <span class="left">70万</span> 
              <span class="right">9个月</span>
            </p>
              <p class="clearfix">
              <span class="left">借款期限</span> 
              <span class="right">投资进度</span>
            </p>
            <p>9 个月</p>
          </div>
         
          <div class="right_item">
            <p>10.5% </p>
            <p>年利率</p>
          </div>
        </div>
        <div class="item">
          <div class="left_item">
            <p>微收益-本事宝八期</p>
            <p class="clearfix">
              <span class="left">筹集金额(元)</span> 
              <span class="right">信用等级</span>
            </p>
              <p class="clearfix">
              <span class="left">70万</span> 
              <span class="right">9个月</span>
            </p>
              <p class="clearfix">
              <span class="left">借款期限</span> 
              <span class="right">投资进度</span>
            </p>
            <p>9 个月</p>
          </div>
         
          <div class="right_item">
            <p>10.5% </p>
            <p>年利率</p>
          </div>
        </div>
        <div class="item">
          <div class="left_item">
            <p>微收益-本事宝八期</p>
            <p class="clearfix">
              <span class="left">筹集金额(元)</span> 
              <span class="right">信用等级</span>
            </p>
              <p class="clearfix">
              <span class="left">70万</span> 
              <span class="right">9个月</span>
            </p>
              <p class="clearfix">
              <span class="left">借款期限</span> 
              <span class="right">投资进度</span>
            </p>
            <p>9 个月</p>
          </div>
         
          <div class="right_item">
            <p>10.5% </p>
            <p>年利率</p>
          </div>
        </div>
         <div class="item">
          <div class="left_item">
            <p>微收益-本事宝八期</p>
            <p class="clearfix">
              <span class="left">筹集金额(元)</span> 
              <span class="right">信用等级</span>
            </p>
              <p class="clearfix">
              <span class="left">70万</span> 
              <span class="right">9个月</span>
            </p>
              <p class="clearfix">
              <span class="left">借款期限</span> 
              <span class="right">投资进度</span>
            </p>
            <p>9 个月</p>
          </div>
         
          <div class="right_item">
            <p>10.5% </p>
            <p>年利率</p>
          </div>
        </div>



      </div>
    </div>
  </div>

</body>

</html>